.layout-container {
  width: 100%;
  min-width: 900px;
  height: 100%;
  // min-height: 1200px;

  .layout-header-b {
    // height: 160px !important;
    //position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #005ba7;
    padding: 0;
    // width: 100%;
    position: relative;
    //display: flex;
    z-index: 99999;
    line-height: 60px !important;
    vertical-align: middle;

    .text {
      float: left;
      vertical-align: middle;
      font-weight: 700;
      margin-left: 10px;
      // display: inline-block;
      color: #fff !important;
      height: 60px;
      line-height: 60px !important;

      .el-breadcrumb {
        vertical-align: middle;
        // line-height: 3.8;
        line-height: 59px;
      }
    }

    .breadText {
      font-size: 16px;
      // vertical-align: middle;
    }

    .icon {
      float: left;
      font-size: 24px;
      vertical-align: middle;
      // display: inline-block;
      line-height: 60px;
      color: #fff;
      transition: transform 0.2s ease;

      &.collapsed {
        transform: rotateZ(90deg);
      }
    }

    .icon:hover {
      color: yellow;
    }

    .el-breadcrumb {
      .two {
        .el-breadcrumb__inner {
          color: rgb(185, 185, 185);
        }
      }
    }

    .el-breadcrumb__inner {
      color: #fff;
      font-weight: 700;
      font-size: 16px;
    }

    .el-breadcrumb__inner:hover {
      color: yellow;
      font-weight: 700;
    }

    .el-breadcrumb__inner a,
    .el-breadcrumb__inner.is-link {
      color: rgb(185, 185, 185);
      font-size: 16px;
    }

    .el-breadcrumb__inner.is-link:hover {
      color: yellow;
    }

    .el-breadcrumb__separator {
      color: #fff;
    }

    .el-menu {
      border-bottom: none;
      display: flex;
      flex: 1;
      justify-content: space-around;
      align-items: center;
    }

    .el-icon-arrow-down {
      color: #fff;
    }

    .logo {
      // display: inline-block;
      float: left;
      width: 240px;
      height: 60px;
      background-color: #005ba7;
      background: url('../images/logo.png') no-repeat center;
      border-right: 1px #ddd solid;
      margin-right: 20px;
      transition: all 0.2s ease-in-out;
    }

    .logo-is-active {
      background: url('../images/logo1.png') no-repeat center;
      width: 64px !important;
    }

    .language {
      float: right;
      z-index: 9999999999;
      //position: absolute;
      //right: 140px;
      // background-color: #fff;
      margin-right: 20px;
    }

    .my-dropdown {
      float: right;
      z-index: 999999999;
      margin-right: 50px;
      //right: 40px;
      //position: absolute;

      .avatar {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        vertical-align: middle;
        display: inline-block;
      }

      .name {
        max-width: 100px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #fff;
        font-weight: bold;
        vertical-align: middle;
      }
    }
  }

  .el-aside {
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 99999999;
    transition: all 0.2s ease-in-out;
    background-color: rgb(240, 240, 240) !important;

    .el-menu-item {
      background-color: rgb(240, 240, 240) !important;
    }

    .el-submenu {
      .el-menu {
        background-color: #ddd !important;

        .el-menu-item {
          background-color: #ddd !important;
        }
      }
    }

    .el-submenu__title {
      background-color: rgb(240, 240, 240) !important;
    }

    .el-submenu .el-submenu__title:hover {
      background-color: #6eb9ff !important;
      color: #fff !important;
    }

    .el-menu-item:focus {
      // color: #000a64 !important;
      background-color: #6eb9ff !important;
      // font-weight: 700;
      // font-size: 16px;
    }

    .el-menu {
      border-right: none;

      .el-menu-item:hover {
        background-color: #6eb9ff !important;
        color: #fff !important;
      }

      .el-menu-item.is-active {
        color: #000a64;
        background-color: #6eb9ff !important;
        font-weight: 700;
        font-size: 16px;
      }
    }
  }

  .el-main {
    float: right;
    width: 100%;
    position: relative;
    display: flex;
    background-color: #fff;

    .layout-main {
      box-sizing: border-box;
      background-color: #fff;
      padding: 20px;
      height: calc(100vh - 100px);
      position: absolute;
      top: 40px;
      right: 0;
      width: 100%;
      padding-left: 260px !important;
      transition: all 0.2s ease-in-out;
    }

    .main-is-active {
      padding-left: 80px !important;
    }

    .tabs-is-active {
      left: 63px !important;
    }

    .header-is-active {
      left: 64px !important;
      width: 95.2% !important;
    }

    .tab-container {
      position: fixed;
      top: 60px;
      left: 239px;
      z-index: 9999;
      width: 100%;
      transition: all 0.2s ease-in-out;
    }

    .tabs {
      padding-left: 0px;
      padding-right: 2px;
      z-index: 1020;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      background: rgb(255, 253, 255);
      border-color: rgba(200, 206, 206, 0.5);
      border-bottom-width: 1px;
      border-bottom-style: solid;

      .is-active {
        background-color: #fff;
        border-bottom: none;

        .el-icon-s-opportunity {
          color: #000 !important;
        }
      }

      .el-icon-s-opportunity {
        color: #ddd;
      }
    }

    .tabs-tools {
      text-align: center;
      position: fixed;
      top: 60px;
      right: 0;
      float: right;
      z-index: 1020;
      height: 40px;
      // padding: 0 10px;
      font-size: 14px;
      line-height: 40px;
      cursor: pointer;
      background: rgba(255, 255, 255, 1);
    }

    .tabs-tools:hover {
      background: rgba(200, 206, 206, 1);
    }
  }
}

.layout-container-b {
  display: flex !important;
  width: 100%;

  .el-main {
    flex: 1 !important;
  }
}

.theme-picker-dropdown {
  z-index: 99999999 !important;
}

.el-dropdown-menu {
  z-index: 99999999 !important;
}

.el-menu--horizontal {
  z-index: 99999999 !important;
}

.el-popper[tabindex='0'] {
  z-index: 9999999999999 !important;
  top: 61px !important;
}

.lang-item {
  font-size: 16px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}

.lang-selector {
  color: #fff !important;
  cursor: pointer;
}

.lang-selector:hover {
  color: yellow !important;
}

.lang-item:hover {
  font-size: 18px;
  background: #b0d6ce4d;
}

.el-message {
  z-index: 99999999999999999 !important;
}

.el-tooltip__popper {
  z-index: 999999999999 !important;
}

.el-menu--vertical {
  left: 64px !important;
}

.el-drawer__wrapper {
  z-index: 999999999 !important;
}

.v-modal {
  z-index: 999999998 !important;
}

.el-dialog__wrapper {
  z-index: 999999999999 !important;
}

.el-drawer__body {
  padding: 20px;
}

.el-message-box__wrapper {
  z-index: 999999999999 !important;
}

.el-table {
  .el-table__expand-icon {
    margin-left: -24px;
  }

  th {
    background-color: #f3f4f5;
    text-align: center;
    // padding: 0;
    font-size: 14px;
  }

  td {
    text-align: center;
    // padding: 0;
  }
}
